.gpDetail{
	.newsBox{
		padding-bottom: 13px;
		border-bottom: 1px solid #EDEDED;
	}
	.newsImg{
		width: 120px;
		height: 78px;
		border-radius: 5px;
		overflow: hidden;
	}
	.newsImg2{
		width: 100%;
		height: 140px;
		border-radius: 5px;
		overflow: hidden;
	}
	.dynamicList{
		padding: 15px;
		background-color: #fff;
	}
	.newsInfo{
		height: 78px;
	}
	
	
	.infoBox {
		padding: 0 9px;
		margin-bottom: 10px;
	
	
	}
	
	.detalNum {
		padding-top: 17px;
		margin-right: 16px;
	}
	
	.tipName {
	
		font-size: 13px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #666666;
		line-height: 18px;
		margin-right: 7px;
		// width: 25px;
	}
	
	.tipNum {
	
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #E23232;
		line-height: 18px;
		margin-right: 3px;
		max-width: 53px;
		text-align: right;
	
	}
	
	.iconImg {
		width: 10px;
		height: 10px;
	}
	
	.dynamicTab {
		padding: 12px 0 12px 17px;
	
		.tabItem {
	
			font-size: 14px;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			// line-height: 39px;
			transition: 0.2s all;
			margin-right: 30px;
	
			&:last-of-type {
				margin-right: 17px;
			}
	
			&.active {
				color: #E23232;
				position: relative;
	
				&:after {
					position: absolute;
					content: '';
					bottom: -13px;
					left: 50%;
					margin-left: -16px;
					width: 24px;
					height: 2px;
					background: #E23232;
					border-radius: 2px;
	
				}
			}
	
		}
	}
	
	.charts {
		width: 750upx;
		height: 500upx;
		background-color: #FFFFFF;
	}
	
	.maskBox {
		position: fixed;
		top: 0;
		bottom: 50px;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.5);
		transition: 0.5 all;
		z-index: 100;
	}
	
	
	
	.mb15 {
		margin-bottom: 15px;
	}
	
	.bottom {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100;
		height: 50px;
		background: #F6F6F6;
	
		.b1 {
			height: 50px;
	
			// width: 186rpx;
			.text {
				font-size: 12px;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
				line-height: 18px;
			}
	
			.num {
				font-size: 14px;
				font-family: PingFang SC;
				font-weight: 500;
				color: #E23232;
				line-height: 18px;
	
			}
	
			.icon3 {}
		}
	
		.b2 {
			height: 50px;
			border-left: 1px solid #DDDDDD;
	
			// width: 196rpx;
			.text {
	
				font-size: 13px;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
				line-height: 18px;
	
			}
	
			image {
				width: 23px;
				height: 23px;
			}
		}
	
		.b3 {
			// width: 170rpx;
		}
	}
	
	.icon1 {
		width: 10px;
		height: 10px;
	}
	
	.gpDetail {
		padding-bottom: 60px;
	}
	
	.detailMask {
		padding: 12px 0 15px 16px;
		background-color: #fff;
		height: 233px;
		position: absolute;
		bottom: 0;
		width: 100%;
	
		.kContent {
			// width: 315px;
			height: 176px;
			margin-right: 6px;
	
		}
	
		.c1 {
			width: 40px;
			height: 40px;
			background: #F5F5FA;
			margin-bottom: 3px;
	
			&.active {
				background-color: #F14856;
				color: #fff;
				.text {
					color: #fff;
				}
				.num{
					color: #fff;
				}
				
			}
	
			.text {
	
				font-size: 16px;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
				line-height: 18px;
	
			}
	
			.num {
	
				font-size: 10px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #E23232;
				line-height: 18px;
	
			}
		}
	}
	
	.numInfo {
		font-size: 20px;
		color: #E23232;
		margin-right: 18px;
		font-weight: bold;
	}
	.classifyItem{
		font-size: 12px;
		color: #999;
		text-align: center;
		height: 30px;
		line-height: 30px;
		border: 1px solid #e6e6e6;
		background-color: #e6e6e6;
		&.active{
			background-color: #fff;
			color: #E23232;
		}
	}
		
	.tradingBox{
		height: 280px;
		background-color: #fff;
	}
	.tradingListBox{
		width: 100px;
	}
	.ova{
		overflow: auto;
	}
	.w100{
		width: 100%;
	}
	.listItem{
		width: 30px;
	}
		
	.ptb5{
		padding-top: 5px;
		padding-bottom: 5px;
	}	
	.hr{
		height: 2px;
		background-color: #E23232;
		width: 100%;
	}
	.listItemBox{
		padding: 5px 5px 5px 0;
	}
	.seeMore{
		width: 100%;
		height: 30px;
		line-height: 30px;
		color: #E23232;
		text-align: center;
		background-color: #f0a19c;
	}
}

.maxH {
		height: 100vh;
		overflow: hidden;
	}